/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/


/* Body and structure
-------------------------------------------------- */
body {
	padding-top: 0px;
	padding-bottom: 40px;
	position: relative; 
	background-color: #fff;
	background-image: url(../images/bg.gif);
  /*background-repeat: repeat-x;*/
  /*background-position: 0 40px;*/
}


/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */
.navbar-fixed-top .brand {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
}
.navbar-fixed-top .brand:hover {
  text-decoration: none;
}


/* Space out sub-sections more
-------------------------------------------------- */
section {
  padding-top: 60px;
}

/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 54px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}


/* Jumbotrons
-------------------------------------------------- */
.jumbotron {
  position: relative;
}
.jumbotron h1 {
  margin-bottom: 9px;
  font-size: 81px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  margin-bottom: 18px;
  font-weight: 300;
}
.jumbotron .btn-large {
  font-size: 20px;
  font-weight: normal;
  padding: 14px 24px;
  margin-right: 10px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.jumbotron .btn-large small {
  font-size: 14px;
}
.container-fluid a {
	color: #393939;
}
.sidercomment a{
	font-family: Georgia,serif;
	font-style: italic;	
}
.sidercomment a:hover{
	color: #c84353;
	font-style: normal;
	text-decoration: none;
	text-shadow: 2px 2px 2px #AAAAAA;
}
/* Masthead (docs home) */
.masthead {
  padding-top: 36px;
  margin-bottom: 72px;
}
.masthead h1,
.masthead p {
  text-align: center;
}
.masthead h1 {
  margin-bottom: 18px;
}
.masthead p {
  margin-left: 5%;
  margin-right: 5%;
  font-size: 30px;
  line-height: 36px;
}
.firebugResetStyles {
    z-index: 2147483646 !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    border: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    position: fixed !important;
    transform: rotate(0deg) !important;
    transform-origin: 50% 50% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent none !important;
    pointer-events: none !important;
    white-space: normal !important;
}



.firebugBlockBackgroundColor {
    background-color: transparent !important;
}



.firebugResetStyles:before, .firebugResetStyles:after {
    content: "" !important;
}

/**actual styling to be modified by firebug theme**/

.firebugCanvas {
    display: none !important;
}

.firebugLayoutBox {
    width: auto !important;
    position: static !important;
}

.firebugLayoutBoxOffset {
    opacity: 0.8 !important;
    position: fixed !important;
}

.firebugLayoutLine {
    opacity: 0.4 !important;
    background-color: #000000 !important;
}

.firebugLayoutLineLeft, .firebugLayoutLineRight {
    width: 1px !important;
    height: 100% !important;
}

.firebugLayoutLineTop, .firebugLayoutLineBottom {
    width: 100% !important;
    height: 1px !important;
}

.firebugLayoutLineTop {
    margin-top: -1px !important;
    border-top: 1px solid #999999 !important;
}

.firebugLayoutLineRight {
    border-right: 1px solid #999999 !important;
}

.firebugLayoutLineBottom {
    border-bottom: 1px solid #999999 !important;
}

.firebugLayoutLineLeft {
    margin-left: -1px !important;
    border-left: 1px solid #999999 !important;
}

.firebugLayoutBoxParent {
    border-top: 0 none !important;
    border-right: 1px dashed #E00 !important;
    border-bottom: 1px dashed #E00 !important;
    border-left: 0 none !important;
    position: fixed !important;
    width: auto !important;    
}

.firebugRuler{
    position: absolute !important;
}

.firebugRulerH {
    top: -15px !important;
    left: 0 !important;
    width: 100% !important;
    height: 14px !important;
    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x !important;
	border-top: 1px solid #BBBBBB !important;
    border-right: 1px dashed #BBBBBB !important;
    border-bottom: 1px solid #000000 !important;

}

.firebugRulerV {
    top: 0 !important;
    left: -15px !important;
    width: 14px !important;
    height: 100% !important;
    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%13%88%08%02%00%00%00%0E%F5%CB%10%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%06~IDATx%DA%EC%DD%D1v%A20%14%40Qt%F1%FF%FF%E4%97%D9%07%3BT%19%92%DC%40(%90%EEy%9A5%CB%B6%E8%F6%9Ac%A4%CC0%84%FF%DC%9E%CF%E7%E3%F1%88%DE4%F8%5D%C7%9F%2F%BA%DD%5E%7FI%7D%F18%DDn%BA%C5%FB%DF%97%BFk%F2%10%FF%FD%B4%F2M%A7%FB%FD%FD%B3%22%07p%8F%3F%AE%E3%F4S%8A%8F%40%EEq%9D%BE8D%F0%0EY%A1Uq%B7%EA%1F%81%88V%E8X%3F%B4%CEy%B7h%D1%A2E%EBohU%FC%D9%AF2fO%8BBeD%BE%F7X%0C%97%A4%D6b7%2Ck%A5%12%E3%9B%60v%B7r%C7%1AI%8C%BD%2B%23r%00c0%B2v%9B%AD%CA%26%0C%1Ek%05A%FD%93%D0%2B%A1u%8B%16-%95q%5Ce%DCSO%8E%E4M%23%8B%F7%C2%FE%40%BB%BD%8C%FC%8A%B5V%EBu%40%F9%3B%A72%FA%AE%8C%D4%01%CC%B5%DA%13%9CB%AB%E2I%18%24%B0n%A9%0CZ*Ce%9C%A22%8E%D8NJ%1E%EB%FF%8F%AE%CAP%19*%C3%BAEKe%AC%D1%AAX%8C*%DEH%8F%C5W%A1e%AD%D4%B7%5C%5B%19%C5%DB%0D%EF%9F%19%1D%7B%5E%86%BD%0C%95%A12%AC%5B*%83%96%CAP%19%F62T%86%CAP%19*%83%96%CA%B8Xe%BC%FE)T%19%A1%17xg%7F%DA%CBP%19*%C3%BA%A52T%86%CAP%19%F62T%86%CA%B0n%A9%0CZ%1DV%C6%3D%F3%FCH%DE%B4%B8~%7F%5CZc%F1%D6%1F%AF%84%F9%0F6%E6%EBVt9%0E~%BEr%AF%23%B0%97%A12T%86%CAP%19%B4T%86%CA%B8Re%D8%CBP%19*%C3%BA%A52huX%19%AE%CA%E5%BC%0C%7B%19*CeX%B7h%A9%0C%95%E1%BC%0C%7B%19*CeX%B7T%06%AD%CB%5E%95%2B%BF.%8F%C5%97%D5%E4%7B%EE%82%D6%FB%CF-%9C%FD%B9%CF%3By%7B%19%F62T%86%CA%B0n%D1R%19*%A3%D3%CA%B0%97%A12T%86uKe%D0%EA%B02*%3F1%99%5DB%2B%A4%B5%F8%3A%7C%BA%2B%8Co%7D%5C%EDe%A8%0C%95a%DDR%19%B4T%C66%82fA%B2%ED%DA%9FC%FC%17GZ%06%C9%E1%B3%E5%2C%1A%9FoiB%EB%96%CA%A0%D5qe4%7B%7D%FD%85%F7%5B%ED_%E0s%07%F0k%951%ECr%0D%B5C%D7-g%D1%A8%0C%EB%96%CA%A0%A52T%C6)*%C3%5E%86%CAP%19%D6-%95A%EB*%95q%F8%BB%E3%F9%AB%F6%E21%ACZ%B7%22%B7%9B%3F%02%85%CB%A2%5B%B7%BA%5E%B7%9C%97%E1%BC%0C%EB%16-%95%A12z%AC%0C%BFc%A22T%86uKe%D0%EA%B02V%DD%AD%8A%2B%8CWhe%5E%AF%CF%F5%3B%26%CE%CBh%5C%19%CE%CB%B0%F3%A4%095%A1%CAP%19*Ce%A8%0C%3BO*Ce%A8%0C%95%A12%3A%AD%8C%0A%82%7B%F0v%1F%2FD%A9%5B%9F%EE%EA%26%AF%03%CA%DF9%7B%19*Ce%A8%0C%95%A12T%86%CA%B8Ze%D8%CBP%19*Ce%A8%0C%95%D1ae%EC%F7%89I%E1%B4%D7M%D7P%8BjU%5C%BB%3E%F2%20%D8%CBP%19*Ce%A8%0C%95%A12T%C6%D5*%C3%5E%86%CAP%19*Ce%B4O%07%7B%F0W%7Bw%1C%7C%1A%8C%B3%3B%D1%EE%AA%5C%D6-%EBV%83%80%5E%D0%CA%10%5CU%2BD%E07YU%86%CAP%19*%E3%9A%95%91%D9%A0%C8%AD%5B%EDv%9E%82%FFKOee%E4%8FUe%A8%0C%95%A12T%C6%1F%A9%8C%C8%3D%5B%A5%15%FD%14%22r%E7B%9F%17l%F8%BF%ED%EAf%2B%7F%CF%ECe%D8%CBP%19*Ce%A8%0C%95%E1%93~%7B%19%F62T%86%CAP%19*Ce%A8%0C%E7%13%DA%CBP%19*Ce%A8%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4%AE%A4%F5%25%C0%00%DE%BF%5C'%0F%DA%B8q%00%00%00%00IEND%AEB%60%82") repeat-y !important;
	 border-left: 1px solid #BBBBBB !important;
    border-right: 1px solid #000000 !important;
    border-bottom: 1px dashed #BBBBBB !important;
}

.overflowRulerX > .firebugRulerV {
    left: 0 !important;
}

.overflowRulerY > .firebugRulerH {
    top: 0 !important;
}

.fbProxyElement {
    position: fixed !important;
    pointer-events: auto !important;
}

/* Specific jumbotrons
------------------------- */
/* supporting docs pages */
.subhead {
  padding-bottom: 0;
  margin-bottom: -15px;
  z-index : 99;
}
.subhead h1 {
  font-size: 54px;
}

/* Subnav */
.subnav {
	position: relative;
  width: 100%;
  height: 36px;
  background: url("../images/mainmenu-bg.png") repeat-x scroll 0 0 transparent;
  background-color: #eeeeee; /* Old browsers */ 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.subnav .nav {
  margin-bottom: 0;
}
.subnav .nav > li > a {
	font-weight : bold;
	color: #4d4d4d;
  margin: 0;
  padding-top:    11px;
  padding-bottom: 11px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.subnav .nav > li > a:hover {
    background-color: #FFFFFF;
    color: #DD7700;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: #777;
  background-color: #e9e9e9;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
  border-right: 0;
}
.subnav .dropdown-menu {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}



/* Quick links
-------------------------------------------------- */
.bs-links {
  margin: 36px 0;
}
.quick-links {
  min-height: 30px;
  margin: 0;
  padding: 5px 20px;
  list-style: none;
  text-align: center;
  overflow: hidden;
}
.quick-links:first-child {
  min-height: 0;
}
.quick-links li {
  display: inline;
  margin: 0 8px;
  color: #999;
}
.quick-links .github-btn,
.quick-links .tweet-btn,
.quick-links .follow-btn {
  position: relative;
  top: 5px;
}


/* Marketing section of Overview
-------------------------------------------------- */
.marketing .row {
  margin-bottom: 9px;
}
.marketing h1 {
  margin: 36px 0 27px;
  font-size: 40px;
  font-weight: 300;
  text-align: center;
}
.marketing h2,
.marketing h3 {
  font-weight: 300;
}
.marketing h2 {
  font-size: 22px;
}
.marketing p {
  margin-right: 10px;
}
.marketing .bs-icon {
  float: left;
  margin: 7px 10px 0 0;
  opacity: .8;
}
.marketing .small-bs-icon {
  float: left;
  margin: 4px 5px 0 0;
}



/* Footer
-------------------------------------------------- */
.footer {
  margin-top: 45px;
  padding: 35px 0 36px;
  border-top: 1px solid #e5e5e5;
}
.footer p {
  margin-bottom: 0;
  color: #555;
}



/* Special grid styles
-------------------------------------------------- */
.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="span"] {
  background-color: #eee;
  text-align: center;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  min-height: 30px;
  line-height: 30px;
}
.show-grid:hover [class*="span"] {
  background: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  background-color: #ccc;
}


/* Render mini layout previews
-------------------------------------------------- */
.mini-layout {
  border: 1px solid #ddd;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
          box-shadow: 0 1px 2px rgba(0,0,0,.075);
}
.mini-layout {
  height: 240px;
  margin-bottom: 20px;
  padding: 9px;
}
.mini-layout div {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.mini-layout .mini-layout-body {
  background-color: #dceaf4;
  margin: 0 auto;
  width: 70%;
  height: 240px;
}
.mini-layout.fluid .mini-layout-sidebar,
.mini-layout.fluid .mini-layout-header,
.mini-layout.fluid .mini-layout-body {
  float: left;
}
.mini-layout.fluid .mini-layout-sidebar {
  background-color: #bbd8e9;
  width: 20%;
  height: 240px;
}
.mini-layout.fluid .mini-layout-body {
  width: 77.5%;
  margin-left: 2.5%;
}


/* Popover docs
-------------------------------------------------- */
.popover-well {
  min-height: 160px;
}
.popover-well .popover {
  display: block;
}
.popover-well .popover-wrapper {
  width: 50%;
  height: 160px;
  float: left;
  margin-left: 55px;
  position: relative;
}
.popover-well .popover-menu-wrapper {
  height: 80px;
}
.large-bird {
  margin: 5px 0 0 310px;
  opacity: .1;
}


/* Download page
-------------------------------------------------- */
.download .page-header {
  margin-top: 36px;
}
.page-header .toggle-all {
  margin-top: 5px;
}

/* Space out h3s when following a section */
.download h3 {
  margin-bottom: 5px;
}
.download-builder input + h3,
.download-builder .checkbox + h3 {
  margin-top: 9px;
}

/* Fields for variables */
.download-builder input[type=text] {
  margin-bottom: 9px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  color: #d14;
}
.download-builder input[type=text]:focus {
  background-color: #fff;
}

/* Custom, larger checkbox labels */
.download .checkbox {
  padding: 6px 10px 6px 25px;
  color: #555;
  background-color: #f9f9f9;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
}
.download .checkbox:hover {
  color: #333;
  background-color: #f5f5f5;
}
.download .checkbox small {
  font-size: 12px;
  color: #777;
}

/* Variables section */
#variables label {
  margin-bottom: 0;
}

/* Giant download button */
.download-btn {
  margin: 36px 0 108px;
}
#download p,
#download h4 {
  max-width: 50%;
  margin: 0 auto;
  color: #999;
  text-align: center;
}
#download h4 {
  margin-bottom: 0;
}
#download p {
  margin-bottom: 18px;
}
.download-btn .btn {
  display: block;
  width: auto;
  padding: 19px 24px;
  margin-bottom: 27px;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}



/* Color swatches on LESS docs page
-------------------------------------------------- */
/* Sets the width of the td */
.swatch-col {
  width: 30px;
}
/* Le swatch */
.swatch {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin: -6px 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
/* For white swatches, give a border */
.swatch-bordered {
  width: 28px;
  height: 18px;
  border: 1px solid #eee;
}


/* Misc
-------------------------------------------------- */

/* Make tables spaced out a bit more */
h2 + table,
h3 + table,
h4 + table,
h2 + .row {
  margin-top: 5px;
}

/* Example sites showcase */
.example-sites img {
  max-width: 100%;
  margin: 0 auto;
}
.marketing-byline {
  margin: -18px 0 27px;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  color: #999;
  text-align: center;
}

.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}

/* Remove bottom margin on example forms in wells */
form.well {
  padding: 14px;
}

/* Tighten up spacing */
.well hr {
  margin: 18px 0;
}

/* Fake the :focus state to demo it */
.focused {
  border-color: rgba(82,168,236,.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
          box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
  outline: 0;
}

/* For input sizes, make them display block */
.docs-input-sizes select,
.docs-input-sizes input[type=text] {
  display: block;
  margin-bottom: 9px;
}

/* Icons
------------------------- */
.the-icons {
  margin-left: 0;
  list-style: none;
}
.the-icons i:hover {
  background-color: rgba(255,0,0,.25);
}

/* Eaxmples page
------------------------- */
.bootstrap-examples .thumbnail {
  margin-bottom: 9px;
  background-color: #fff;
}

/* Responsive table
------------------------- */
.responsive-utilities th small {
  display: block;
  font-weight: normal;
  color: #999;
}
.responsive-utilities tbody th {
  font-weight: normal;
}
.responsive-utilities td {
  text-align: center;
}
.responsive-utilities td.is-visible {
  color: #468847;
  background-color: #dff0d8 !important;
}
.responsive-utilities td.is-hidden {
  color: #ccc;
  background-color: #f9f9f9 !important;
}

/* Responsive tests
------------------------- */
.responsive-utilities-test {
  margin-top: 5px;
  margin-left: 0;
  list-style: none;
  overflow: hidden; /* clear floats */
}
.responsive-utilities-test li {
  position: relative;
  float: left;
  width: 25%;
  height: 43px;
  font-size: 14px;
  font-weight: bold;
  line-height: 43px;
  color: #999;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.responsive-utilities-test li + li {
  margin-left: 10px;
}
.responsive-utilities-test span {
  position: absolute;
  top:    -1px;
  left:   -1px;
  right:  -1px;
  bottom: -1px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.responsive-utilities-test span {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
/* Flash message
----------------------------------------------------------------------------- */
div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border: 1px solid #DDD;
    border-radius: 5px;
}

div.flash-error
{
    background: url("../images/stop.png") no-repeat scroll 5px center #FBE3E4;
    padding-left: 25px;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background: url("../images/warning.png") no-repeat scroll 5px center #FFF6BF;
    padding-left: 25px;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background: url("../images/accept.png") no-repeat scroll 5px center #E6EFC2;
    padding-left: 25px;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}/* Flash message
----------------------------------------------------------------------------- */
div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border: 1px solid #DDD;
    border-radius: 5px;
}

div.flash-error
{
    background: url("../images/stop.png") no-repeat scroll 5px center #FBE3E4;
    padding-left: 25px;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background: url("../images/warning.png") no-repeat scroll 5px center #FFF6BF;
    padding-left: 25px;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background: url("../images/accept.png") no-repeat scroll 5px center #E6EFC2;
    padding-left: 25px;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

.userWelcome { 
	float: right;
    margin-top: 0;
    position: relative;
    width: 425px;
    z-index : 100;
    margin-bottom: -6px;
}
.userWelcome .logout{ 
	float: right;
}
.userWelcome .logout a { 	
	color: #858585;
	font-size: 1.05em;
	font-weight: 700;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-right: 2px;
	font-size: 11px;
}
.userWelcome p.user_course {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #858585;
	padding: 0px;
	font-style: oblique;
	margin-top: 8px;
	text-align: right;
}
.userWelcome .user-course {
	color : #0088C3;
}
.userWelcome .username {
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #c84353;   
    margin-bottom: 0;
    padding: 4px 10px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	font-family: Georgia,serif;
	font-weight: bold;
	cursor: pointer;
}
.userWelcome,  
.userWelcome .left, 
.userWelcome .center, 
.userWelcome .right{
    min-height: 34px;
    float: right;
}
.contentWelcome {
	float: right;
 	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 	border-radius: 0px 0px 4px 4px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    padding: 4px;
}
.userWelcome .center {
	padding: 0px 20px;
}
.userWelcome .center div{
	height: 20px;
	margin-top: 10px;
}
.userWelcome .left,  
.userWelcome .right{
    width: 8px;
}
.userWelcome .left{	
    background: url("../images/bg_u_left.png") no-repeat transparent;    
}
.userWelcome .center{
	margin-top: 4px;
    /*background: url("../images/bg_u_center.png") repeat-x transparent;*/
}
.userWelcome .right{
    background: url("../images/bg_u_right.png") no-repeat transparent;    
}
.userLogon {
    background: url("../images/xdeal_full_bgr.png") no-repeat scroll -135px 0 transparent;
    float: right;
    height: 70px;
    margin-top: 0;
    position: relative;
    width: 425px;
    z-index : 100;
}
.userLogon .inputLogon {
    float: left;
    width: 320px;
}
.userLogon .inputLogon .row-1 {
    background-repeat: no-repeat;
    display: block;
    width: 100%;
}
.userLogon .inputLogon .row-1 .textbox {
    display: inline-block;
    float: left;
    font-weight: 700;
    height: 30px;
    margin: 15px 0 0 8px;
}
.inputLogon .row-1 .inputEmail {
    float: left;
}
.inputLogon .row-1 .inputEmail input, .inputLogon .row-1 .inputPassword input {
    background-color: transparent;
    border: 0 none;
    font-size: 8pt;
    height: 17px;
    width: 140px;
}
.inputLogon .row-1 .inputPassword {
    float: left;
    font-size: 8pt;
    padding-left: 13px;
}
.clear {
    clear: both;
}
.userLogon .inputLogon .row-2 {
    color: #444444;
    float: right;
    font-weight: 700;
    margin-top: 10px;
    position: absolute;
    right: 0;
}
.userLogon .inputLogon .row-2 label{
    color: #444444;
    font-weight: 700;
    display : inherit;
}
.userLogon .enterLogon {
    float: left;
    margin-left: 5px;
    margin-top: 13px;
}
.userLogon .btnLogon {
    background: url("../images/xdeal_full_bgr.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-weight: 700;
    height: 28px;
    line-height: 26px;
    text-align: center;
    width: 95px;
    text-decoration : none;
}
.userLogon .inputLogon .row-1 .textbox {
    font-weight: 700;
}
.userLogon .inputLogon .row-2 input[type="checkbox"],
textarea {
  margin-bottom : 8px;
}
.userLogon .inputLogon .row-2 .btnDangKy,
textarea {
  color : #107bb7;
}
.userLogon .inputLogon .row-2 .forgotpass,
textarea {
  color : #858585;
}
.userLogon .inputLogon .row-1 .textbox input:focus,
textarea:focus {
  border-color: none;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  box-shadow: none;
}
#overview .logo {
	margin-top : -58px;
}
.wrapper {
}
.listp a.title-post, .title-page {
	color: #333333;
    text-decoration: none;
    font-family: Georgia,serif;
    font-style: italic;
    font-weight: 400;
    text-shadow: 2px 2px 2px #AAAAAA;
    font-size : 26px;
}
.content-none {
	text-align: center;
}
.postcontent .listp h1 {
	background: url("../images/dotted-line.gif") repeat-x scroll left bottom transparent;
	border-bottom : none;
}
.scrollup{
    width:40px;
    height:40px;
    opacity:0.4;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
}
a.scrollup:hover{
    opacity:0.9;
}
a.scrollup:focus{
    outline : none;
}
.row-fluid [class*="span"].content {
	min-height: 155px;
}
#sidebar-top {
	margin-bottom: 10px;
}
.search-form {
	position: absolute;
	top :-15px;
	right: 8px;
	width: 200px;
}
.infopost {
	width: 100%;
}
.infopost .left span{
	margin-right: 10px;
}
.infopost .right{
	text-align: right;
}
.infopost .right span{
	margin-left: 10px;
}
#action-post {
	position: fixed; 
	top: 291px; 
	left : 40px;
	margin-top: 0px; 
	padding-top: 5px; 
	z-index: 10000;
	background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    text-align: center;
    width: 142px;
}
.notset#action-post {
	 border: 1px dashed #FF0000;
}
.reply {
	color: #1D9FDE;
    outline: medium none;
    text-decoration: none;
    cursor: pointer;
    padding-left: 10px;
    font-size: 1.02em;
    margin-top: 10px;
    text-align: right;
    margin-bottom: -10px;
}
.post-reply-comment {
	display: none;
}
.reply:hover {
	text-decoration: underline;
}
.button-excel {
	width: 20px;
} 
div.form div.error input, 
div.form div.error textarea, 
div.form div.error select, 
div.form input.error, 
div.form textarea.error, 
div.form select.error {
    background: none repeat scroll 0 0 #FFEEEE;
    border-color: #CC0000;
}
.error,.errorMessage {
    color: #CC0000;
}
a.a1 {
	color: #0c52c7;
	font-weight: bold;
    text-decoration: underline;
}
div.flash-error, div.flash-notice, div.flash-success {
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 1em;
    padding: 0.8em;
}
div.flash-error {
    background: url("../images/stop.png") no-repeat scroll 5px center #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
    padding-left: 25px;
}
div.flash-notice {
    background: url("../images/warning.png") no-repeat scroll 5px center #FFF6BF;
    border-color: #FFD324;
    color: #514721;
    padding-left: 25px;
}
div.flash-success {
    background: url("../images/accept.png") no-repeat scroll 5px center #E6EFC2;
    border-color: #C6D880;
    color: #264409;
    padding-left: 25px;
}
.btn-accept,
.btn-igorn {
	width: 48px;
	padding: 4px 5px;
}
input[type="submit"].btn-accept,
input[type="submit"].btn-igorn,
input[type="button"].btn-accept,
input[type="button"].btn-igorn {	
	width: 135px;
	margin-bottom : 5px;
}
.btn-igorn {
	color: #595959;
	font-weight: bolder;
	background-image: -moz-linear-gradient(center top , #E4E4E4, #E6E6E6);
}
.btn-accept, .container-fluid a.btn-accept  {
	color: #FFFFFF;
	font-weight: bolder;
	text-shadow: none;
 	background-image: linear-gradient(to bottom, #A8D37D, #8EC657);
}
#btn-accept {
	margin-bottom: 6px;
}
.btn-igorn:hover,  .btn-igorn:focus{
  	border-color: rgba(221, 119, 0, 0.8);
  	background-position: 0;
  	box-shadow: inset 0 1px 1px rgba(221,119,0,.075), 0 0 8px rgba(255,172,70,.6);
}
.btn-accept:hover {
	color: #FFFFFF;
  	background-image: linear-gradient(to bottom, #A8D37D, #8EC657);
  	background-position: 0;
}
textarea.asign-comment:focus {
	border: 1px solid #CCCCCC;
}
textarea.asign-comment {
	width: 96%;
}

.content .postcontent h1, 
.content .postcontent h2, 
.content .postcontent h3, 
.content .postcontent h4 {
    color: #0088c3;
}
.content .postcontent .comments-user {
    color: #c84353;
}

div.form fieldset {
    border: 1px solid #DDDDDD;
    margin: 0 0 10px;
    padding: 10px;
}
div.form fieldset.coolfieldset {
    border: 1px solid #FF8040;
}
div.form fieldset.coolfieldset.collapsed {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #AAAAAA -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
}
div.form fieldset.coolfieldset legend {
    color: #D26900;
    font-family: Verdana,sans-serif;
    width: auto;
    font-size: 12px;
    margin-bottom: 0px;
    border: none;
}
div.form fieldset.coolfieldset legend:hover {
    color: #D0D52B;
}
div.form fieldset.coolfieldset.collapsed legend {
    color: #000000;
}

.policy-pass-message {
	color: #888888;
	font-size: 11px;
}
.form-active-profile {
	width: 665px;
	margin: auto;
	text-align: left;
}
.form-active-profile .row {
	margin-left: 0px;
}

div.form label {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
}
.profile-info {
	margin-left: 25px;
}
.hr-style1 {	
	width: 100%	;
	background: url("../images/hr_1.png") no-repeat center;	 
}
.form-active-profile .personal {
	margin-left: 10px;	
}
.form-active-profile .personal .username {
	margin-left: 30px;	
}
.form-active-profile .personal .cmnd {
	margin-left: 135px;
}
.form-active-profile .personal .sex {
	margin-left: 210px;
}
.form-active-profile .personal .sex,
.form-active-profile .personal .cmnd,
.form-active-profile .personal .username {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #C84353;
    font-family: Georgia,serif;
    font-weight: bold;   
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.legendColorBox {
    border: 1px solid #CCCCCC;
    cursor: pointer;
    padding: 1px;
}
.legendColorBox-current {
    background: url("../images/li_bg.gif") no-repeat scroll 0 3px transparent;
    width: 10px;
}
.legendColor {
    color: #FFFFFF;
    font-weight: bold;
    overflow: hidden;
    padding: 2px;
}
.legendBox table {
    color: #8EC657;
    font-size: smaller;
}
.legendBox table td {
    padding: 0;
}
.education-info {
    margin-left: 20px;
}
.education-form{
    margin-left: 0;
}
.education-info td.border-right, .education-form .border-right {
    border-right: 1px dotted #DDDDDD !important;
}
.education-info td.border-bottom, .education-form .border-bottom {
    border-bottom: 1px dotted #DDDDDD !important;
}
.education-info td.border-left, .education-form .border-left {
    border-left: 1px dotted #DDDDDD !important;
}
.education-info td.border-top, .education-form .border-top {
    border-top: 1px dotted #DDDDDD !important;
}
div.form .subject-label input[type="text"] , div.form .visit-date input[type="text"]{
    width: 100px;
    padding: 4px;
}
div.form .semester-label {
    vertical-align: top;
}
div.form .semester-label input[type="text"] {
    background: none repeat scroll 0 0 #3A87AD;
    color: #FFFFFF;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
    width: 100px;
    padding: 4px;
}
div.form .education-form .subject-value input[type="text"] {
    text-align: center;
    width: 30px;
}
div.form .education-form .visit-comment input[type="text"] {
    width: 300px;
    padding: 4px;
}
.table-subject {
    margin-bottom: 0;
}
.education-form .collapse-toggle-delete, .education-form .collapse-toggle-add {
    cursor: pointer;
    margin-left: 5px;
    padding: 3px 5px;
    width: 60px;
}
.education-form .collapse-toggle-delete {
    background: url("../images/delete.png") no-repeat scroll 0 3px transparent;
}
.education-form .collapse-toggle-add {
    background: url("../images/add.png") no-repeat scroll 0 3px transparent;
}
.education-form .legendColorBox {
    width: 46px;
}
.add-semester {
    border: 1px dotted #DDDDDD !important;
    cursor: pointer;
    padding: 2px;
    text-align: center;
    width: 40px;
}
div.form input[type="text"], div.form textarea {
    /*width: 60%;*/
}
div.form input[type="text"], div.form input[type="password"], div.form textarea, div.form select {
    margin: 0.2em 0 0.5em;
    padding: 6px;
}
div.flash-notice-profile {
	border-color: #FFD324;
    color: #514721;
    padding-left: 25px;
    background-color: #FFF6BF;
    font-family: "Georgia,serif";
    font-size: 12px;
    padding-bottom: 2px;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
}
div.flash-notice-profile p{
    background: url("../images/warning.png") no-repeat scroll 5px center transparent;
    margin-bottom: -2px;
    margin-left: -10px;
    padding-bottom: 5px;
    padding-left: 25px;
  
}
#sidebar-content .nav-pills > .active > a,#sidebar-content  .nav-pills > .active > a:hover {
    background-color: #B94A48;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#sidebar-content .nav > li > a:hover {
    border: 1px dotted;
    font-weight: bold;
    color: #b4b4b4;
}

.account-profile {
    background-color: #F5F5F5;
    background-image: linear-gradient(#FFFFFF, #F5F5F5 80%, #F5F5F5);
    background-repeat: no-repeat;
    box-shadow: 0 0 0 2px #FFFFFF inset, 0 0 9px 5px rgba(153, 153, 153, 0.12);
    font-size: 12px;
    margin-bottom: 20px;
    padding: 20px;
}

.account-profile .business-card {
    display: block;
}

.account-profile .left-column {
    border-bottom: 1px dotted #DDDDDD !important;
    border-right: 1px dotted #DDDDDD !important;
}
.account-profile .right-column {
    border-top: 1px dotted #DDDDDD !important;
}
.account-profile * {
    color: #545454;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 17px;
}
.legendColorBox {
    border: 1px solid #CCCCCC;
    cursor: pointer;
    padding: 1px;
}
.header-scholarship {
	font-size: 2em;
    text-align: center;
    color: #545454;
    font-family: Georgia,serif;
    text-shadow: 2px 2px 2px #AAAAAA;
    margin-bottom: 0.5em;    
}
.education-info h1, h2, h3, h4 { 
	 border: medium none;
}
.education-info {
    margin-left: 20px;
}
code.studentship {
    border-color: rgba(255, 128, 0, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 128, 0, 0.6);
    color: #B55151;
    font-family: serif;
    font-size: 15px;
    font-weight: bold;
    outline: 0 none;
}
code, pre {
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 12px;
    padding: 2px 5px;
}
code {
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #DD1144;
    padding: 2px 4px;
}
.legendColor {
    color: #FFFFFF;
    font-weight: bold;
    overflow: hidden;
    padding: 2px;
}
.u
.account-profile .business-card {
    display: block;
}
.coolfieldset legend {
    cursor: pointer;
    font-weight: bold;
    padding-left: 13px;
}
.fieldtype-icon1 .coolfieldset legend, .fieldtype-icon1 .coolfieldset.expanded legend {
    /*background-image: url("../images/treeview-famfamfam.gif");
    background-position: -64px -25px;*/
    font-size: 12px;
     border: medium none;
}

.account-profile .fieldset-none .coolfieldset.collapsed {
    border: medium none;
}

.fieldset-none .coolfieldset, .fieldset-none .coolfieldset.expanded {
    border: medium none;
}
 .sliding-panel {
    -moz-box-sizing: border-box;
    position: relative;
    width: 100%;
}
.account-profile th, .account-profile td, .account-profile caption {
    padding: 4px 10px 4px 5px;
}
.business-card .gravatar {
    height: 150px;
    width: 150px;
}
.business-card .grprofile {
    /*height: 168px;*/
    width: 120px;
}
.business-card .border-grprofile {
    border-radius: 3px 3px 3px 3px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);    
    padding: 5px;
}
.business-card .avatar-area {
    float: left;
    margin-bottom: 6px;
    margin-right: 12px;
    text-align: center;
}
.business-card .change-avatar {
    margin-top: 5px;
}
.business-card .change-avatar span {
    color: #4183c4;
    cursor: pointer;
}
.business-card .change-info-profile {
	margin-top: 30px;
}
#cancelfielupload{
	display: none;
}
.business-card input#fileupload {
	width: 0px;
	height: 0px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
.business-card span.change-avatar:hover {
    text-shadow: 0 0 5px #22BBFF;
}
.business-card .border-gravatar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin-bottom: 6px;
    margin-right: 12px;
    padding: 1px;
}
.gravatar, .grprofile {
    background-color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
}
.business-card h2 {
	 border: medium none;
    display: inline-block;
    line-height: 100%;
    margin-top: -16px;
    font-size: 1.6em;
    color: #C84353;
}
.business-card h3.position {
    color: #545454 !important;
    font-weight: normal;
    line-height: 140%;
}
.business-card h4 {
    color: #545454 !important;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 15px;
}
.business-card .contact-details {
    clear: left;
    color: #666666;
    font-size: 14px;
    margin-bottom: 7px;
    margin-top: 10px;
}
.business-card .contact-details > span {
    color: #333333;
    float: left;
    margin: 5px 20px 5px 0;
    white-space: nowrap;
}
.business-card .icon-office-phone:before {
    color: #111111;
    content: "W";
    font-family: "ZurmoGamificationSymblyReguRg";
    font-size: 20px;
    font-weight: normal;
    padding-right: 3px;
}
.business-card .address {
    clear: left;
    margin-bottom: 15px;
}
.business-card .icon-email:before {
    color: #111111;
    content: "g";
    font-family: "ZurmoGamificationSymblyReguRg";
    font-size: 18px;
    font-weight: normal;
    padding-right: 5px;
}

.badge {
    color: #FFFFFF;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.badge {
    border-radius: 9px 9px 9px 9px;
    padding: 1px 9px 2px;
}
.label-info, .badge-info {
    background-color: #3A87AD;
}
.account-profile sub {
	font-size: 12px;
}
code.summary, input.summary {
    color: #B55151;
    font-weight: bold;
}
a.post_category{
	color: #9a3d3a;
	font-weight: bold;
}
.read_continous, 
.container-fluid a.read_continous {
	color: #009ade;
}
.search-keyword {
	background-color: #ffff00;
	padding: 1px 3px;
	border-radius: 4px 4px 4px 4px;
}

.search-result  a.title-post,.search-result .title-page {
    font-size: 20px;    
}
input[type="image"].link-logout{
	width: 20px;
	margin-top: -5px;
}
input[type="image"].link-logout:focus{
	border: none;
	box-shadow: none;
}

input.longtext, textarea.longtext, select.longtext {
	width: 410px;
}
div.form .errorSummary {
    background: none repeat scroll 0 0 #FFEEEE;
    border: 2px solid #CC0000;
    font-size: 0.9em;
    margin: 0 0 20px;
    padding: 7px 7px 12px;
}

div.form .hint {
    color: #999999;
    margin: 0;
    padding: 0;
}